<svg xmlns="http://www.w3.org/2000/svg">

<filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" 
         x="0" y="0" width="1" height="1">
  <feFlood x="0" y="0" width="50%" height="100%" flood-color="#00ff00" result="left"/>
  <feFlood x="40%" y="0" width="60%" height="100%" flood-color="#0000ff" result="right"/>
  <feMerge x="10%" y="10%" width="80%" height="80%">
    <feMergeNode in="left"/>
    <feMergeNode in="right"/>
  </feMerge>
</filter>
<g filter="url(#f1)">
  <rect x="0" y="0" width="100" height="100" fill="#000000"/>
</g>

</svg>
